<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--无数据提示 开始-->
    <section th:if="${#lists.isEmpty(dataList)}" class="no-data__wrap">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">还没有上传资讯公告~~~</span></p>
    </section>
    <!--无数据提示 结束-->
    <ul th:if="!${#lists.isEmpty(dataList)}" class="pull-left mr20">
        <li class="article-item__wrap article-first-bigItem">
            <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${dataList[0]['dataTypeMap']['id']})}">
                <img class="lazy" width="100%" height="100%" alt="" th:attr="data-original=${dataList[0]['dataTypeMap']['imageMap']['pcUrlMap']['large']}" style="display: block;">
            </a>
            <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${dataList[0]['dataTypeMap']['id']})}">
                <section class="article-item-img-title__wrap">
                    <span th:text="${dataList[0]['dataTypeMap']['title']}"></span>
                </section>
            </a>
        </li>
    </ul>
    <div th:if="!${#lists.isEmpty(dataList)} and ${#lists.size(dataList)}>1" class="">
        <section th:each="dataMap, index : ${dataList}" th:if="${index.index >0}" class="mb20">
            <div class="media" >
                <div class="media-left">
                    <a th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${dataMap['dataTypeMap']['id']})}">
                        <img class="media-object lazy" width="157" alt="" th:attr="data-original=${dataMap['dataTypeMap']['imageMap']['pcUrlMap']['large']}" style="display: block;">
                    </a>
                </div>
                <div class="media-body">
                    <section class="hLh30 txtOf ">
                        <a class="fs16 c-333" th:href="@{/web/article/articleInfoById?articleId={articleId}(articleId=${dataMap['dataTypeMap']['id']})}" th:title="${dataMap['dataTypeMap']['title']}" th:text="${dataMap['dataTypeMap']['title']}"></a>
                    </section>
                    <section class="hLh20 txtOf mt5">
                        <span class="c-999 fs12" th:text="${dataMap['dataTypeMap']['briefIntroduction']}"></span>
                    </section>
                    <section class="mt10">
                        <span class="mr20 c-ccc fs12">
                            <i class="fa fa-clock-o mr5 vam" th:title="${'更新时间：' + #strings.substring(dataMap['dataTypeMap']['createTime'],0,16)}" th:text="'&nbsp' + ${#strings.substring(dataMap['dataTypeMap']['createTime'],0,16)}"></i>
                        </span>
                        <span class="c-ccc fs12">
                            <i class="fa fa-user mr5 vam" th:title="${'阅读人数：'+ dataMap['dataTypeMap']['clickNum']}" th:text=" '&nbsp' + ${ dataMap['dataTypeMap']['clickNum']}"></i>
                        </span>
                    </section>
                </div>
            </div>
        </section>
    </div>
</html>